<form class="forms-content" nz-form [formGroup]="forms" (ngSubmit)="submitForm($event)">
  
  <div nz-form-item nz-row>
    <div nz-form-label nz-col [nzSm]="3" [nzXs]="24">
      <label nz-form-item-required>名称</label>
    </div>
    <div nz-form-control nz-col [nzSm]="18" [nzXs]="24" nzHasFeedback>
      <nz-input [nzSize]="'large'" formControlName="title"></nz-input>
      <div nz-form-explain *ngIf="getFormControl('title').dirty && getFormControl('title').hasError('required')">图层名称不能为空!</div>
    </div>
  </div>

  <div nz-form-item nz-row>
    <div nz-form-label nz-col [nzSm]="3" [nzXs]="24">
      <label nz-form-item-required>类别</label>
    </div>
    <div nz-form-control nz-col [nzSm]="18" [nzXs]="24" nzHasFeedback>
      <nz-select formControlName="type" nzPlaceHolder="选择类别">
        <nz-option
          *ngFor="let option of typeOptions"
          [nzLabel]="option.label"
          [nzValue]="option.value"
          [nzDisabled]="option.disabled">
        </nz-option>
      </nz-select>
      <div nz-form-explain *ngIf="getFormControl('type').dirty && getFormControl('type').hasError('required')">请选择图层的类别!</div>
    </div>
  </div>

  <div nz-form-item nz-row>
    <div nz-form-control nz-col [nzSpan]="18" [nzOffset]="3">
      <button nz-button [nzSize]="'large'" [nzType]="'primary'">下一步</button>
    </div>
  </div>

</form>
